<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>关于</title>
        <link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
        <link href="css/styles.css" rel="stylesheet" />
    </head>
    <body class="d-flex flex-column">
        <main class="flex-shrink-0">
            <!-- Navigation-->
            <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
                <div class="container px-5">
                    <a class="navbar-brand" href="index.html">目标检测可视化</a>
                    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
                    <div class="collapse navbar-collapse" id="navbarSupportedContent">
                        <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
                            <li class="nav-item"><a class="nav-link" href="index.html">主页</a></li>
                            <li class="nav-item"><a class="nav-link" href="about.html">关于</a></li>
                        </ul>
                    </div>
                </div>
            </nav>
            <!-- Header-->
            <header class="py-5">
                <div class="container px-5">
                    <div class="row justify-content-center">
                        <div class="col-lg-8 col-xxl-6">
                            <div class="text-center my-5">
                                <h1 class="fw-bolder mb-3">我们的目标</h1>
                                <p class="lead fw-normal text-muted mb-4">开发一款目标检测系统，能对图片中的物体和视频中的物体进行目标检测</p>
                            </div>
                        </div>
                    </div>
                </div>
            </header>
            <!-- Team members section-->
            <section class="py-5 bg-light">
                <div class="container px-5 my-5">
                    <div class="text-center">
                        <h2 class="fw-bolder">小组成员</h2>
                    </div>
                    <div class="row gx-5 row-cols-1 row-cols-sm-2 row-cols-xl-4 justify-content-center">
                        <div class="col mb-5 mb-5 mb-xl-0">
                            <div class="text-center">
                                <img class="img-fluid rounded-circle mb-4 px-4" src="assets/1.jpg" alt="..." />
                                <h5 class="fw-bolder">马世拓</h5>
                                <div class="fst-italic text-muted">主要负责后端RCNN目标检测实现</div>
                            </div>
                        </div>
                        <div class="col mb-5 mb-5 mb-xl-0">
                            <div class="text-center">
                                <img class="img-fluid rounded-circle mb-4 px-4" src="assets/2.jpg" alt="..." />
                                <h5 class="fw-bolder">朱勇</h5>
                                <div class="fst-italic text-muted">主要负责前端网页实现</div>
                            </div>
                        </div>
                        <div class="col mb-5 mb-5 mb-sm-0">
                            <div class="text-center">
                                <img class="img-fluid rounded-circle mb-4 px-4" src="assets/3.jpg" alt="..." />
                                <h5 class="fw-bolder">安禹</h5>
                                <div class="fst-italic text-muted">协调前后端，完成测试工作</div>
                            </div>
                        </div>
                        <div class="col mb-5">
                            <div class="text-center">
                                <img class="img-fluid rounded-circle mb-4 px-4" src="assets/4.jpg" alt="..." />
                                <h5 class="fw-bolder">刘颖</h5>
                                <div class="fst-italic text-muted">作为PM指导合作开发</div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </main>
    </body>
</html>
